<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf8">
		<title>TCR</title>
		<!--使用ie的最高版本的内核进行渲染-->
		<meta http-equiv="X-UA-Compatible" content="IE=dege" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

		<script type="text/javascript" src='blockly/blockly_compressed.js'></script>
		<script type="text/javascript" src='blockly/blocks_compressed.js'></script>
		<script type="text/javascript" src="blockly/javascript_compressed.js"></script>
		<!--导入每个界面的样式-->
		<link rel="stylesheet" type="text/css" href="css/head-foot.css" />
		<link rel="stylesheet" type="text/css" href="css/jog_content.css" />
		<link rel="stylesheet" type="text/css" href="css/program_content.css" />
		<link rel="stylesheet" type="text/css" href="css/io_content.css" />
		<link rel="stylesheet" type="text/css" href="css/message_content.css" />
		<link rel="stylesheet" type="text/css" href="css/setting_content.css" />
		
		<!-- google block -->
		<script src="goog/base.js"></script>
		<!--<script src="msg/js/en.js"></script>-->
		<script src="msg/js/zh-hans.js"></script>

		<script src="js/tcr_block.js"></script>
		<script src="js/servotronix_block.js"></script>
        
		<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	</head>
	<body style="height: 100%;" ng-app="myApp" ng-controller="test">
		<div id="tcr_head">
			<!--logo-->
			<img onclick="connenct()" src="img/tcr_logo_white.png" class="logoimg" />
			<!--文件名-->
			<div class="fileName">文件名</div>
			<!--下拉菜单-->
			<div id="menuswitch">
				<img src="img/list_white.png" />
			</div>
			<!--下拉菜单的数据-->
			<div class="downmenu">
				<div id="optionsRadios1" class="optionsRadios">
					<img src="img/green_radio.png"/>
					手动
				</div>
				<div id="optionsRadios2" class="optionsRadios">
					<img src="img/white_radio.png"/>
					自动
				</div>
				<!--使能-->
				<div class="shinengswitch">
					<p id="servoBtn">使能</p>
				</div>
			</div>
		</div>
		<!--界面切换按钮-->
		<div id="tcrmenu">
			<ul id="iconmenu">
				<li id="handmovementli"><img src="img/hand_white.png" /></li>
				<li id="routineli"><img src="img/route_green.png" /></li>
				<li id="numberli"><img src="img/num_white.png" /></li>
				<li id="messageli"><img src="img/message_white.png" /></li>
				<li id="settingli"><img src="img/setting_white.png" /></li>
			</ul>
		</div>
		
		<!--手动界面-->
		<div id="jog_content">
			<div id="luch">
				<div class="ipot_data">
					<span class="ipot_data1">1</span>
					<span class="ipot_data2">2</span>
					<span class="ipot_data3">3</span>
					<span class="ipot_data4">4</span>
					<span class="ipot_data5">5</span></br>
					<span class="ipot_data6">6</span>
					<span class="ipot_data7">7</span>
					<span class="ipot_data8">8</span>
					<span class="ipot_data9">9</span>
					<span class="ipot_data10">10</span></br>
					<input type="button" name="" id="pot_view_hide" value="取消" />
					<input type="button" name="" id="pot_view_record" value="确定" />
				</div>
				<div class="ipot_data_background"></div>
				<div id="content_data">
					<div class="data_1">
						<div class="h_data">
							<span id="name_1">
								点位数据
							</span>
							<div class="d1">
								<div class="d3">
									<div id="colour_1" class="left"></div>
									<span class="words1 left">数据</span>
									<span class="circular_1 left" style="background:#1ABC9C;"></span>
									<span class="circular_2 left" style="background:#7F8C9A;"></span>
									<span class="words2 left">3D</span>
								</div>
							</div>
							<div id="mount_points">记录点</div>
						</div>
						<div id="c_data">
							<div class="left">
								<ul class="left">
									<li>X</li>
									<li>Y</li>
									<li>Z</li>
									<li>W</li>
									<li>P</li>
									<li>R</li>
								</ul>
								<ul class="left text-right">
									<li id="jog_w1_val">null</li>
									<li id="jog_w2_val">null</li>
									<li id="jog_w3_val">null</li>
									<li id="jog_w4_val">null</li>
									<li id="jog_w5_val">null</li>
									<li id="jog_w6_val">null</li>
								</ul>
							</div>
							<div class="left">
								<ul class="left">
									<li>J1</li>
									<li>J2</li>
									<li>J3</li>
									<li>J4</li>
									<li>J5</li>
									<li>J6</li>
									<li>J7</li>
								</ul>
								<ul class="left text-right">
									<li id="jog_j1_val">null</li>
									<li id="jog_j2_val">null</li>
									<li id="jog_j3_val">null</li>
									<li id="jog_j4_val">null</li>
									<li id="jog_j5_val">null</li>
									<li id="jog_j6_val">null</li>
									<li id="jog_j7_val">null</li>
								</ul>
							</div>
						</div>
						<span class="back_2 back"></span>
					</div>
					</br>
					<div class="data_2">
						<select id="lnch_2" class="" >
							<option value="0" style="height:20px">工具坐标1</option>
							<option value="1">工具坐标2</option>
							<option value="2">工具坐标3</option>
							<option value="3">工具坐标4</option>
							<option value="4">工具坐标5</option>
							<option value="5">工具坐标6</option>
						</select>
						<select id="lnch_3" class="">
							<option value="0">用户坐标1</option>
							<option value="1">用户坐标2</option>
							<option value="2">用户坐标3</option>
							<option value="3">用户坐标4</option>
							<option value="4">用户坐标5</option>
							<option value="5">用户坐标6</option>
						</select>
					</div>
					<div class="data_3">
						<span class="speed_1 left">
							<img src="img/ic_remove.png" alt="" id="removeSpeed"/>
							<img src="img/ic_add.png" alt="" id="addSpeed"/>
							<span class="left left_head">速度：</span>
						<input type="range" name="Progress_bar" onchange="change_speed()"  id="size" class="left" value="" />
						<span class="data_num right">45%</span>
						</span>
					</div>
				</div>
				<div id="Joint_movement" class="right">
					<select id="lnch_operation" onchange="coordChange()">
						<option value="JOING" id="jointCoordinate">关节移动</option>
						<option value="WORLD" id="worldCoordinate">世界坐标</option>
					</select>
					<div id="Manual">
						<span class="back_1 back"></span>
						<div class="operation">
							<span class="left">
								<div class="Progressbar_total">
									<div class="Progressbar_speed Speed_of_progress1"></div>
								</div>
								<img id="jog_r1" src="img/right.png" class="rightArrow"/>
								<p>J1</p>
								<img id="jog_l1" src="img/left.png" class="leftArrow"/>
							</span>
						</div>
						<div class="operation">
							<span class="left">
								<div class="Progressbar_total">
									<div class="Progressbar_speed Speed_of_progress2"></div>
								</div>
								<img id="jog_r2" src="img/right.png" class="rightArrow"/>
								<p>J2</p>
								<img id="jog_l2" src="img/left.png" class="leftArrow"/>
							</span>
						</div>
						<div class="operation">
							<span class="left">
								<div class="Progressbar_total">
									<div class="Progressbar_speed Speed_of_progress3"></div>
								</div>
								<img id="jog_r3" src="img/right.png" class="rightArrow"/>
								<p>J3</p>
								<img id="jog_l3" src="img/left.png" class="leftArrow"/>
							</span>
						</div>
						<div class="operation">
							<span class="left">
								<div class="Progressbar_total">
									<div class="Progressbar_speed Speed_of_progress4"></div>
								</div>
								<img id="jog_r4" src="img/right.png" class="rightArrow"/>
								<p>J4</p>
								<img id="jog_l4" src="img/left.png" class="leftArrow"/>
							</span>
						</div>
						<div class="operation">
							<span class="left">
								<div class="Progressbar_total">
									<div class="Progressbar_speed Speed_of_progress5"></div>
								</div>
								<img id="jog_r5" src="img/right.png" class="rightArrow"/>
								<p>J5</p>
								<img id="jog_l5" src="img/left.png" class="leftArrow"/>
							</span>
						</div>
						<div class="operation">
							<span class="left">
								<div class="Progressbar_total">
									<div class="Progressbar_speed Speed_of_progress6"></div>
								</div>
								<img id="jog_r6" src="img/right.png" class="rightArrow"/>
								<p>J6</p>
								<img id="jog_l6" src="img/left.png" class="leftArrow"/>
							</span>
						</div>
						<div class="operation">
							<span class="left">
								<div class="Progressbar_total">
									<div class="Progressbar_speed Speed_of_progress7"></div>
								</div>
								<img id="jog_r7" src="img/right.png" class="rightArrow"/>
								<p>J7</p>
								<img id="jog_l7" src="img/left.png" class="leftArrow"/>
							</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--数据界面-->
		<div id="io_content">
			<!--请在此处写内容-->
		</div>
		<!--消息界面-->
		<div id="message_content">
			<div id="whole">
					<div id="head_button">
						<div id="clearMsgBtn">清除消息</div>
						<div id="updateMsgBtn">更新数据</div>
					</div>
					<div id="news_content">

					</div>
				</div>
				<div id="background"></div>
		</div>
		<!--设置界面-->
		<div id="setting_content">
			<div id="whole_2">
					<div id="head_button_2">
						<div id="zeroSetbtn">零点标记</div>
						<div id="emergencyBrake">紧急刹车</div>
						<div id="notice">
							确定是否紧急刹车
							<div id="openBreakBtn">是</div>
							<div id="closeBreakBtn">否</div>
							<div id="noticeCancel">取消</div>
						</div>
					</div>
					<div id="news_content_2">
					
					</div>
				</div>
				<div id="background_2"></div>
		</div>

		<!--底部工具栏-->
		<div id="tcr_foot">
			<div id="showdiv"></div>
			<div id="runstate">状态</div>
			<img src="img/play_white.png" id="playbtn"/>
			<img src="img/pause_white.png" id="pausebtn" />
			<img src="img/stop_white.png" id="stopbtn" />
			<img src="img/restore_white.png" id="restorebtn" />
			<audio src="media/click.mp3" id="clickAudio" preload="auto"></audio>
		</div>
		<!--程序界面-->
		<div id="blocklyDiv"/></div>
		<!--新建项目-->
		<img src="img/create_new_white.png" id="creatprogram" />
		<!--新建项目弹出命名框-->
		<div id="creatpromodal">
			<input type="text" name="programname" id="programname" placeholder="请输入新文件名" />
			<br />
			<button class="btn btn-info" id="closebtn">取消</button>
			<button class="btn btn-success" id="submitbtn">确认</button>
		</div>
		<!--保存项目-->
		<img src="img/save_white.png" id="saveprogram" />
		<!--打开文件-->
		<img src="img/open_white.png" id="openFileName" ng-click="openFileName()"/>
		<div id="openFileModal">
			<input type="text" class="userInput" placeholder="请输入搜索的文件名" ng-model="userFileName"/>
			<p>请选择文件名</p>
			<ul id="fileUl">
				<li ng-repeat="file in list">{{file.name}}</li>
			</ul>
			<button id="closeFileModal">关闭</button>
			<button id="sureFileModal">确认</button>
		</div>
		<xml id="toolbox" style="display:none">
			<category name="常用" class="category_common">
				<block type="tcr_j_fine"></block>
				<block type="tcr_j_cnt"></block>
				<block type="tcr_l_fine"></block>
				<block type="tcr_c"></block>
				<block type="tcr_lbl"></block>
				<block type="tcr_jmp"></block>
				<block type="tcr_wait"></block>
			</category>
			<category name="运动" class="category_move">
				<block type="tcr_j_fine"></block>
				<block type="tcr_j_cnt"></block>
				<block type="tcr_l_fine"></block>
				<block type="tcr_c"></block>
			</category>
			<category name="手抓" class="category_gripper">
				<block type="tcr_active"></block>
				<block type="tcr_gripper"></block>
				<block type="tcr_gripper_open"></block>
				<block type="tcr_gripper_colse"></block>
			</category>
			<category name="流程 " class="category_flow">
				<block type="tcr_if_r"></block>
				<block type="tcr_if_dido"></block>
				<block type="tcr_lbl"></block>
				<block type="tcr_jmp"></block>
				<block type="tcr_wait"></block>
			</category>
			<category name="变量" class="category_var">
				<block type="tcr_r1"></block>
				<block type="tcr_r_opera"></block>
				<block type="tcr_do"></block>
			</category>
			<category name="高创">
				<block type="gao_program"></block>
				<block type="gao_while"></block>
				<block type="gao_move"></block>
				<block type="gao_for"></block>
				<block type="gao_if"></block>
				<block type="gao_sleep"></block>
			</category>
		</xml>
		<script src="js/angular.min.js" type="text/javascript"></script>
		<!--全局变量-->
		<script src="js/globalData.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
		<!-- 各个界面js tcr -->
<!-- 		<script src="js/tcr_head-foot.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tcr_jog_content.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tcr_program_content.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tcr_io_content.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tcr_message_content.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tcr_setting_content.js" type="text/javascript" charset="utf-8"></script> -->
		<!-- 各个界面js servotronix -->
		<script src="js/servotronix_head-foot.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/servotronix_jog_content.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/servotronix_program_content2.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/servotronix_io_content.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/servotronix_message_content.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/servotronix_setting_content.js" type="text/javascript" charset="utf-8"></script>

		<!--高亮-->
		<script src="js/highlight.js" type="text/javascript" charset="utf-8"></script>

		<!-- 3D -->
		<script src="stl/js/three.js"></script>
		<script src="stl/js/STLLoader.js"></script>
		<!-- 控制器 -->
		<script src="stl/js/controls/TrackballControls.js"></script>
		<script src="stl/js/libs/dat.gui.min.js"></script>
		<!-- 检测当前浏览器是否支持或者开启了WEBGL -->
		<script src="stl/js/Detector.js"></script>
		<!-- 制造平滑动画的s库 -->
		<script src="stl/js/libs/tween.min.js"></script>
		<!-- 监视器的一个库 可以看帧率 -->
		<script src="stl/js/libs/stats.min.js"></script>
		<!-- 加载 -->
		<!-- 1000比例模型 tc7 有问题 -->
		<script src="stl/stl_robot_tc7.js"></script>
		<!-- <script src="stl/stl_robot_iwa6.js"></script> -->

		<!-- tcr 通信 多线程 -->
<!-- 		<script src="socket/worker_main.js"></script>
		<script>
			start_worker("normal");		//开启线程
			worker_normal_recv_init();	//初始化接收的处理函数 以及对内部的socket设置ip

			start_worker("update");		//开启线程
			worker_update_recv_init();	//初始化接收的处理函数 以及对内部的socket设置ip
		</script> -->
		<!-- servotronix 通信 -->
		<script src="socket/worker_main_servotronix.js"></script>

		<!-- 3D 测试用 -->
<!-- 		<script>
		function open_(){
			document.getElementById("3d_view").innerHTML = 'open';
			// 初始化
			init_3d();
			// 动画操作
			animate_3d();
		}

		function close_(){
			document.getElementById("3d_view").innerHTML = '';//清空内容 普通方法
		}
		</script> -->
	</body>

</html>
